﻿$(function () {
// //        加载头部html
//     $(".headers").load("header.html");
// //        加载底部html
//     $(".footers").load("footer.html");
    $(window).load(function () {
        //    <!--banner的轮播图设置-->
        var swiper1 = new Swiper('#swiper-container1', {
//        自动播放间隔
            autoplay : 3000,
//        在操作后继续播放
            autoplayDisableOnInteraction : false,
//        分液器(小圆点)
            pagination: '.swiper-pagination',
//        可通过点击小圆点进行切换页面
            paginationClickable: true,
//        下一页
            nextButton: '.swiper-button-next',
//        上一页
            prevButton: '.swiper-button-prev',

            parallax: true,
//        切换的速度
            speed: 1000,
//        切换效果
            effect : 'fade'
        });
//    团购的轮播图设置
        var swiper2 = new Swiper('#swiper-container2', {
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: 3,
//        slide之间的间隔
            spaceBetween: 4,
//        进度条
            scrollbar:'.swiper-scrollbar',

            autoplay : 5000,
            autoplayDisableOnInteraction : false
//        paginationType : 'fraction' 分数
//paginationType : 'progress',进度条

        });
    });
//  header搜索框在滚动到某个位置时自动弹出
    $(window).scroll(function () {
        var scr = $(window).scrollTop();
        // console.log(scr);
        if(scr>890){
            $(".header").css({
//                    不会随滚动条的滑动改变位置
                "position":"fixed",
                "top":0,
                "z-index":999
            });
            $(".zc-topbars").css({
                "marginBottom":120
            });
//                div的显示与 hide是隐藏
            $(".fix-nav").show();
            $(".fix-nav").css({
                "position":"fixed",
                "top":150,
                "z-index":999
            })
        }else{
            $(".header").css({
//                    position的默认状态
                "position":"static"
            });
            $(".zc-topbars").css({
                "marginBottom":0
            });
            $(".fix-nav").hide();
        }
    });
//        锚点在滚动条滚动到某个位置时弹出
//锚点    自动转换到某位置
    $("#top").click(function () {
        $("html,body").animate({scrollTop:0},"1s");
    });
    $("#roll").click(function () {
        $("html,body").animate({scrollTop:596},"1s");
    });
    $("#intelligence").click(function () {
        $("html,body").animate({scrollTop:801},"1s");
    });
    $("#brand").click(function () {
        $("html,body").animate({scrollTop:1501},"1s");
    });
    $("#game").click(function () {
        $("html,body").animate({scrollTop:1922},"1s");
    });
    $("#home").click(function () {
        $("html,body").animate({scrollTop:2580},"1s");
    });
    $("#digital").click(function () {
        $("html,body").animate({scrollTop:3207},"1s");
    });
    $("#weekHot").click(function () {
        $("html,body").animate({scrollTop:3876},"1s");
    });
    //        智选的导航栏
    $(".zhixuan-body .top .left ul li").mouseenter(function () {
        $(this).css({
            "backgroundColor":"#c9302c",
            "color":"white"
        }).siblings().css({
            "backgroundColor":"#dddddd59",
            "color":"#333"
        })
    });
    $("#radio").mouseenter(function () {
//            siblings是兄弟级的意思
        $("#big-img1").show().siblings(".big-img").hide();
    });
    $("#clothes").mouseenter(function () {
        $("#big-img2").show().siblings(".big-img").hide();
    });
    $("#fitment").mouseenter(function () {
        $("#big-img3").show().siblings(".big-img").hide();
    });
    $("#trip").mouseenter(function () {
        $("#big-img4").show().siblings(".big-img").hide();
    });
    $("#beautiful").mouseenter(function () {
        $("#big-img5").show().siblings(".big-img").hide();
    });

    //电子竞技的导航栏
    $(".similar-body-header .right span").click(function () {
        $(this).css({
            "borderBottom":"3px solid #fff"
        }).siblings().css({
            "borderBottom":"none"
        });
    });
    $("#game1").click(function () {
        $("#left-item1").show().siblings(".left-item").hide();
    });
    $("#game2").click(function () {
        $("#left-item2").show().siblings(".left-item").hide();
    });
    $("#game3").click(function () {
        $("#left-item3").show().siblings(".left-item").hide();
    });

//        家电优选的导航栏
    $("#tv").click(function () {
        $("#left-item4").show().siblings(".left-item").hide();
    });
    $("#iceBOx").click(function () {
        $("#left-item5").show().siblings(".left-item").hide();
    });
    $("#washing").click(function () {
        $("#left-item6").show().siblings(".left-item").hide();
    });
    $("#kitchen").click(function () {
        $("#left-item7").show().siblings(".left-item").hide();
    });
    $("#littleHousehold").click(function () {
        $("#left-item8").show().siblings(".left-item").hide();
    });

});